<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/api.css">
    <link rel="stylesheet" href="./css/reset.css">


</head>

<body>
    <header class="header clearfix container-fluid ">
        <!-- 左边logo    -->
        <h1 class="fl">
            <a href="index.HTML" class="logo-link mt20 ">
                源码大数据平台11111111111
            </a>
        </h1>
        <!-- 中间导航 -->
        <ul class="nav ">
            <li class="nav-item fl ">
                <a href="#" class="nav-item-link color-fz  ">首页</a>
            </li>
            <li class="nav-item fl  nav-active ">
                <a href="#" class="nav-item-link color-fz fs12">API</a>
            </li>
            <li class="nav-item fl ">
                <a href="#" class="nav-item-link color-fz fs12">云服务</a>
            </li>
            <li class="nav-item fl ">
                <a href="#" class="nav-item-link color-fz fs12">案例</a>
            </li>
            <li class="nav-item fl ">
                <a href="#" class="nav-item-link color-fz fs12">开发者 </a>
            </li>
        </ul>
        <!-- 右边的导航 -->

        <a href="#" class="fr navAA  mt20 fs12 color-white txt-center mr10">注册有礼</a>
        <a href="#" class="fr navAB  mt20 fs12 color-white txt-center">登录</a>
    </header>
    <!-- api导航分类 -->
    <div class="container api-nav  clearfix ">
        <h1>API分类</h1>
        <div class="api-nava" id="api-Z">
        </div>
        <div class="zdsadas  clearfix">
            <span class="color-fz  api-nava-search">
                全部
            </span>
            <span>
                <input id="inPut" type="text" placeholder="身份证实名">
            </span>
        </div>
    </div>
    <!-- 模态框 -->
    <div class="modal-box  zzz">
       
        <div class="modal-box1">
            <img src="./images/images/loginlogo.png" alt="" class="modal-box1-img">
            <p class="modal-box1-register txt-center"> 
                <span id="modal-box11" class="fl color-five  modal-box1-id ">账号登录</span>
                <span class="lump"class="fl" >|</span>
                <span id="modal-box12" class="fr color-five">扫码登录</span>
            </p>
            <form action="#" class="">
                <div class="user-name ma20">
                    <input type="text" placeholder="用户名/手机号/邮箱" id="user-name">

                    <img src="./images/images/clearInput.png" alt="" id="clear-name">
                </div>
                <div class="user-psd ma20">
                    <input type="password" placeholder="密码" id="user-psd">
                    <img src="./images/images/clearInput.png" alt="" id="clear-psd">
                </div>
                <p>
                    <a href="#" class="fr mb20 ">忘记密码</a>
                </p>
                <input type="button" value="登录" class="button" id="loginbtn">
            </form>
            <div class=" modal-login qr zzz ">

                <div class="  code  ">
                    <img src="./images/images/103-demo.png" alt="">
                    <p>
                        微信扫码登录
                    </p>
                    <p>
                        未关注源码科技公众号,请先关注后再登录
                    </p>
                </div>
            
            <p class="have">
                没有账号，
                <a href="./zc.html" class="green" style="color: #03c5ff;">立即注册</a>
                <span class="icon"></span>
            </p>
            </div>
        </div>
    </div>
    <!-- api列表区域 -->
    <div class="api-list container">
        <!-- 顶部主体区域 -->
        <ul id="apiContent" class="api-content clearfix">
            <!-- <li class="list-item fl">
                 <span class="special">企业专用</span>
                <div class="content txt-center ads">
                    <img src="./images/images/API_01.jpg" alt="">
                    <p class="api-name">2021出行防疫政策指南</p>
                    <p class="api-price">免费</p>
                </div>
                <a class="apply-data txt-center">申请数据</a>
            </li> -->


        </ul>
    </div>
    <!-- 分页器 -->
    <div class="api-list-bottom">
        <div class="page clearfix txt-center">
            <a class="page-num fl current-page">1</a>
            <a class="page-num fl">2</a>
            <a class="page-num fl">3</a>
            <a class="page-num fl">4</a>
            <a class="page-num fl">5</a>
            <a class="page-num fl">6</a>
            <a class="page-num fl">7</a>
            <a class="page-num fl">8</a>
            <a class="page-num fl">......</a>
            <a class="page-num last-num fl">下一页</a>
        </div>
    </div>
    <!-- 页尾 -->
    <div class="footr">
        <div class="container">
            <div class="ft-bd">
                <!-- 左边部分 -->
                <dl class="fl">
                    <dt>
                        联系与支持
                    </dt>
                    <dd>
                        <a href="#">
                            400-882-7715
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            售前咨询
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            客服&售后
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            常见问题
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            极速工单
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        关于源码

                    </dt>
                    <dd>
                        <a href="#">
                            合作伙伴

                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            服务条款

                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            隐私政策

                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            市场合作

                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            反商业贿赂声明
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        快速入口
                    </dt>
                    <dd>
                        <a href="#">
                            400-882-7715
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            售前咨询
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            客服&售后
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            常见问题
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            极速工单
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        产品服务
                    </dt>
                    <dd>
                        <a href="#">
                            400-882-7715
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            售前咨询
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            客服&售后
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            常见问题
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            极速工单
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        解决方案
                    </dt>
                    <dd>
                        <a href="#">
                            400-882-7715
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            售前咨询
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            客服&售后
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            常见问题
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            极速工单
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <!-- 右边部分 -->
                <div class="fr tright">
                    <p class="wechat">
                        微信公众号
                    </p>
                    <p class="ym">
                        源码时代
                    </p>
                    <img src="./images/images/wechat-white.png" alt="" class="showqrcode">
                </div>
            </div>
            <div class="footr-ftr">
                <p>
                    <a href="#" class="fl mr10">
                        <img src="./images/bei2.png" alt="">
                    </a>
                    <a href="#" class="fl mr10">
                        <img src="./images/bei1.png" alt="">
                    </a>
                    <span class="fl">
                        增值电信业务经营许可证：蜀B2-20180596
                    </span>
                    <a href="#" class="fl">
                        蜀ICP备15006450号-3
                    </a>
                    <a href="#" class="fl">
                        营业执照
                    </a>
                    <span class="fr">
                        源码大数据股份有限公司©版权所有
                    </span>
                </p>
            </div>
        </div>
    </div>
</body>
<!-- 公共js -->
<script src="./js/util.js"></script>
<!-- 原生js -->
<script src="./js/api.js"></script>

</html>